<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${keywords} - 果果街</title>
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />
<%@ include file="../common/css.jsp"%>
<%@ include file="../common/js.jsp"%>
<link type="text/css" rel="stylesheet" href="/css/v4/channel.css"/>
<link type="text/css" rel="stylesheet" href="/css/v4/detail.css"/>

<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<!-- head -->
    <%@ include file="../common/header.jsp" %>
    <!-- head--end-->
    <!-- gzw_tip -->
    
    <!-- gzw_tip--end-->
    <!-- body -->
    
    	<!-- ad-->
       
    	<!-- ad--end-->
        
        <!-- content-->
        <div class="w100p mt25">
        	<div class="w980 mg mb25">
            
            	<!-- search_key -->
            	<c:if test="${not empty  keywords}">
                <h3 class=" key_words"><c:out value="${keywords}"/></h3>	
                </c:if>  
                <c:if test="${empty  keywords}">
                <h3 class=" key_words">没有搜到符合的商品</h3>	
                </c:if>  
                <!-- search_key--end-->
                
                <div class="search_result_box mt10">
                	<!-- item_box -->
                	<c:forEach items="${pageModel.list}" var="doing" varStatus="v">
                    <div class="item_box box_s1">
                    	<div class="shadow"></div>
                        <div class="pro_box">
                            <c:if test="${doing.doingProductList[0].from=='淘宝' && (doing.doingProductList[0].maxPrice-doing.doingProductList[0].price)>=10 }">
                            <span class=" icon_bg pro_lbl">降价${doing.doingProductList[0].maxPrice-doing.doingProductList[0].price }元</span>
                            </c:if>
                            <div class="love_comment_ope" style="display: none;" onmouseover="$(this).show()" onmouseout="$(this).hide()">
                                <a href="javascript:void(0);" onclick="GUOGUO.loveDoing('${doing.identifier}')" class="icon_bg">收藏</a><a href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }" target="_blank" class="icon_bg comment">评论</a>
                            </div>
                            <a target="_blank" href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }" class="pic"><img src="${doing.doingProductList[0].imageServer }${doing.doingProductList[0].picThumb }_200xXXX.jpg" alt="${doing.doingProductList[0].name }" title="${doing.doingProductList[0].name }" width="200" height="${doing.doingProductList[0].height200xxx }" onmouseover="$(this).parent().prev('div').show()" onmouseout="$(this).parent().prev('div').hide()" class=" block" /></a>
                        </div>
                        <div class="pro_t_p">
							<a class="title">
								<c:if test="${doing.replaceContent==null }">${doing.doingProductList[0].showName }</c:if>
								<c:if test="${doing.replaceContent!=null }">${doing.showContent }</c:if>
							</a>
							<span class="price">￥${doing.doingProductList[0].price }</span>
						</div>
                        <div class="l_c_nums">
                        	<c:if test="${doing.doingProductList[0].commission>0 }">
	                        <a href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }" target="_blank" class="fanli"><img src="../../images/v4/other/icon_8.png" class=" block" /></a>
                        	</c:if>
                        	<span><b class="red_heart"></b><a class="collection_nums" href="javascript:void(0);" onclick="GUOGUO.loveDoing('${doing.identifier}')">收藏</a><c:if test="${doing.loveAmount>0 }"><i>${doing.loveAmount }</i></c:if></span>
                        </div>
                        <c:if test="${doing.doingProductList[0].doingProductTime != null }">
                       <div class="interval_fl">
                        	<div class="interval_box">
                            	<span class="i_left_time">
                                	还有${doing.doingProductList[0].doingProductTime.time }
                                </span>
                                <span class="fl_percent">
                                	返<fmt:formatNumber value="${doing.doingProductList[0].doingProductTime.guoguojieCommissionRate*100 }" pattern="#"  />%
                                </span>
                            </div>
                        </div>
                        </c:if>
                        <div class="comment_box">
                            <ul> 
                            	<li <c:if test="${fn:length(doing.commentList)>0 }">class="line"</c:if>>
                                    <div class="lay_lr_box">
                                        <a href="#" class="l_box"><img src="${doing.memberImageServer }${doing.memberAvatar }" width="32" height="32" class=" block" /></a>
                                        <div class="r_box">
                                            <a href="#" class="name">${doing.memberName }</a><i class="who_share">分享</i>
                                            <p class="share_time">${doing.doingCreated }</p>
                                        </div>
                                    </div>
                                </li>
                            	<c:forEach items="${doing.commentList }" var="c" varStatus="v">
                                <li class="line">
                                    <div class="lay_lr_box">
                                        <a href="#" class="l_box"><img src="${c.memberImageServer }${c.memberAvatar }" width="32" height="32" class=" block" /></a>
                                        <div class="r_box">
                                            <a href="#" class="name">${c.nickname }</a>
                                            <span class="info clr9">${c.content }</span>
                                        </div>
                                    </div>
                                </li>
                                </c:forEach>
                                <c:if test="${fn:length(doing.commentList)>0 }">
                                <li class="last">
                                    <a href="/shop/go.htm?pid=${doing.doingProductList[0].identifier }" target="_blank">查看全部<i>${doing.commentCount }</i>条评论...</a>
                                </li>
                                </c:if>
                            </ul>
                        </div>
                    </div>
                    </c:forEach>
                    <!-- item_box--end -->
                   
                    
                </div>	
            
            </div>
                
                
            
        </div>
        <!-- content--end-->
        <div class="w100p">
        	<div class="w980 mg">
        		<div class="fanye mt50 mb35" id="pager"></div>
        	</div>
        </div>
        <div class="clear"></div>
        <%@include file="../common/footer.jsp" %>
        <!-- back-->
        <div class="back">
        	<a href="#"><img src="/images/v4/common/back.png" class="block" /></a>
        </div>
        <!-- back--end-->
    <!-- body--end-->
    <script type="text/javascript">
    	$(function(){
    		
    		$("div.search_result_box").masonry({
				itemSelector:'.item_box',
				columnWidth:245,
				isAnimated:false
			});
    		
    		$("#pager").pager({
    			pagenumber : "${pageModel.currentPage}",
    			pagecount : "${pageModel.totalPage}",
    			buttonClickCallback : function(page) {
    				location.href = "/search/search.htm?keywords="+encodeURI('${keywords}')+"&page=" + page;
    			}
    		});
    	});
    	
    </script>
</body>
</html>